body,
.honor {
  background: #f8f7fd;
}

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  padding: 0 0.347rem;
  background-image: linear-gradient(-90deg, #007aff 0%, #00b9ff 100%),
    linear-gradient(0deg, #000000 0%, #ffffff 100%);
  background-blend-mode: normal, normal;
}
.top_left {
  display: flex;
  justify-content: flex-start;
  height: 0.88rem;
}
.top_left a {
  display: flex;
  align-items: center;
  margin-right: 0.28rem;
}
.top_left img {
  display: block;
  width: 0.253rem;
  height: 0.44rem;
}

.top_left p {
  line-height: 0.88rem;
  font-size: 0.36rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #ffffff;
}

.honor {
  margin-top: 0.88rem;
  padding: 0.413rem 0.307rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.honor li {
  width: 2.8rem;
  height: 4.067rem;
  margin-right: 0.48rem;
  margin-bottom: 0.413rem;
}
.honor li:nth-child(3n) {
  margin-right: 0;
}
.honor li .honorBox {
  box-sizing: border-box;
  width: 2.8rem;
  height: 3.467rem;
  background-color: #ffffff;
  border: solid 0.027rem #dddddd;
  display: flex;
  align-items: center;
  justify-content: center;
}
.honor .honorBox img {
  width: 2.307rem;
  height: 3.253rem;
}

.honor li p {
  margin-top: 0.3rem;
  text-align: center;
  font-size: 0.32rem;
  letter-spacing: 0rem;
  color: #000000;
}
